<?php 
include "includes/session.php";
include "includes/comunes.php";

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema de Gestion de Vehiculos</title>

<link href="estilos.css" rel="stylesheet" type="text/css" />

<!--libreria jquery central-->
<script src="jquery-ui/js/jquery-1.9.1.js"></script>
<!--fin libreria central-->

<!--Librerias para el combo-->
<script language="JavaScript" type="text/javascript" src="combos/jquery.chainedSelects.js"></script>
<!--fin libreria-->

<!--librerias ui-->
<link href="jquery-ui/css/ui-lightness/jquery-ui-1.10.2.custom.css" rel="stylesheet"/>
<script src="jquery-ui/js/jquery-ui-1.10.2.custom.js"></script>
<!--fin libreria-->
<!--estilo para el scroll-->
<style>
  .ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 300px;
  }
  </style>
<!--
  fin estilo scroll-->
<style type="text/css">
 
#tabla{	width: 100%; }
.fila-base{ display: none; } /* fila base oculta */
.eliminar{ cursor: pointer; color: #000; }
#tablagastos{	width: 100%; }
.fila-base-gastos{ display: none; } /* fila base oculta */
.eliminargasto{ cursor: pointer; color: #000; }
 
</style>



<script language="JavaScript" type="text/javascript">
$(function()
{




$("#enviar").submit(function () {

    importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
   valor_vehiculo =		Number($("#precio").val())	;
   dif=   valor_vehiculo -  importe_total ;
         if(dif <= 0)
                  if (confirm('Esta seguro que confirma los datos cargados?')){ 
					   return true;
					}else
					   return false;
		else{
           alert('Los valores ingresos son menores al valor del vehiculo');
           return false;	}
});

$( "#clidni" ).autocomplete({
			source: "autoPersona.php"
		});
$( "#cliape" ).autocomplete({
			source: "autoPersonaNombre.php"
		});	
$( "#vendedor" ).autocomplete({
			source: "autoPersonaNombre.php"
		});		
        

$("#imgbus").click(function(evento){
      evento.preventDefault();
      $("#comprador").load("datosCliente.php", {dni: $("#clidni").val()});
   });
   
 $("#imgbusnombre").click(function(evento){
      evento.preventDefault();
      $("#comprador").load("datosVendedorNombre.php", {dni: $("#cliape").val()});
   });  
   
   
 //$("#vehiculo").change(function(evento){
    //  evento.preventDefault();
     // $("#precioVenta").load("precioVenta.php", {veh: $("#vehiculo").val()});
 //  });  
   
   
			 
   
   
 $("#contipo").change(function(evento){
      evento.preventDefault();
      $("#formaPago").load("formaPago.php", {tipo: $("#contipo").val()});
	   
   });  
 

     $('#clipro').chainSelect('#cliloc','comboprolocalidad.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});

	
		
             
             
        
			 
			 
	$("#agregar").on('click', function(){
	$("#tabla tbody tr:eq(0)").clone().removeClass('fila-base').appendTo("#tabla tbody");
	});
 
	// Evento que selecciona la fila y la elimina 
	$(document).on("click",".eliminar",function(){
		var parent = $(this).parents().get(0);
		$(parent).remove();
	});
			 
			 
	$("#agregargasto").on('click', function(){
		$("#tablagastos tbody tr:eq(0)").clone().removeClass('fila-base-gastos').appendTo("#tablagastos tbody");
	});
 
	// Evento que selecciona la fila y la elimina 
	$(document).on("click",".eliminargasto",function(){
		var parent = $(this).parents().get(0);
		$(parent).remove();
	});
	
	
	
	//calculo el total
			 $(document).on("change","#montopago",function(){
                        importe_total = $("#precio").val ;
						$("#montogasto").each(
							function(index, value) {
								importe_total = importe_total + eval($(this).val());
								}
						);
						$("#total").val(importe_total);
             });
			 
			 
			 
	
	//calculo el total
			 $(document).on("change","#contado",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			 
			 $(document).on("change","#financiado",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			 
			 $(document).on("change","#cheque",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			 $(document).on("change","#cheque1",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			 
			 $(document).on("change","#cheque2",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			  $(document).on("change","#menor",function(){
                         importe_total = Number($("#contado").val()) + Number($("#financiado").val())+ Number($("#cheque").val())+ Number($("#cheque1").val())+ Number($("#cheque2").val())+ Number($("#menor").val());
						 var total =importe_total;
						 $("#total").html('<b>$ '+total+'</b>');
						
             });
			 
			 
			 $( "#fecha" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
			 $( "#fecha1" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	  $( "#fecha2" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	   $( "#fecha3" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	   $( "#fecha4" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	   $( "#fecha5" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	   $( "#fecha6" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	  $( "#fecha7" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	  $( "#fecha8" ).datepicker({
         dateFormat: "yy-mm-dd"

      });
	  $( "#fecha9" ).datepicker({
         dateFormat: "yy-mm-dd"

      });

	  
	  //Menor valor
	  

$('#categoria').chainSelect('#marca','combomarcamarca.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});


	$('#marca').chainSelect('#modelo','combomarcamodelo.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});
        
        $('#modelo').chainSelect('#version','combomodeloversion.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});
        
        
           $('#venpro').chainSelect('#venloc','comboprolocalidad.php',
	{
		before:function (target) //before request hide the target combobox and display the loading message
		{
			$("#loading").css("display","block");
			$(target).css("display","none");
		},
		after:function (target) //after request show the target combobox and hide the loading message
		{
			$("#loading").css("display","none");
			$(target).css("display","inline");
		}
	});
        
//        fin funcion
 
             
 //oculto/muestro filtros
 $('#menor').tooltip({
      track: true
    });
$("#menorValor").hide();
$("#menor").show();


	$('#menor').change(function(){
	$("#menorValor").slideToggle();
	});


//fin ocultar
	

});
</script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>

<body>

<div class="container">
<?php include "includes/head.php"?>
   <div class="content">
       <div class="tituloprincipal">
          <?php include 'includes/submenu.php';?>  
           <img src="img/nuevo.png" width="25" height="25" border="0"/> Nueva Venta - Paso 1</div>
       <form id="enviar"  method="POST" action="grabarBoletoVenta.php">
       <div class="contenedorpedido">
		  
	   
        <fieldset>
              <legend><b>Datos del Vendedor</b></legend> 
	   <table  width="100%">
                 <tr>
                      <td class="textotablamenuform">Vendedor</td>
                      <td class="textotablamenuform">
                          <input name="vendedor" type="text" id="vendedor" class="campo_form" required />
                          
                      </td>
					  </table>
			</fieldset>	
       
       
           <div id="comprador">
           <fieldset>
              <legend><b>Datos del Comprador</b></legend> 
               <table  width="100%">
                 <tr>
                      <td class="textotablamenuform">Tipo</td>
                      <td class="textotablamenuform">
                          <select name="clitipo" id="clitipo" class="campo_form" required>
                              <option value='1'>Persona Fisica</option>
                              <option value='2'>Persona Juridica</option>
                         </select>
                      </td>
                      <td class="textotablamenuform">Dni/Cuit</td>
                      <td class="textotablamenuform">
                           <input type="number" class="campo_form" autocomplete="on" placeholder="Ej. 28992993" id="clidni" name="clidni" required style="width:80%;">
                           <img src="img/actualizar.jpg" width="20" id="imgbus" style="margin-top:15px;"/>
                      </td>
                      
                 </tr>
                   <tr>
                      <td class="textotablamenuform">Nombre y Apellido</td>
                      <td class="textotablamenuform" colspan="5">
                           <input type="text" class="campo_form"  id="cliape" name="cliape" required style="width:80%;">
						   <img src="img/actualizar.jpg" width="20" id="imgbusnombre" style="margin-top:15px;"/>
                               
                      </td> 
                   </tr>
                   
                   <tr>
                      <td class="textotablamenuform">Telefono Fijo</td>
                      <td class="textotablamenuform">
                          <input type="number" class="campo_form" placeholder="Ej. 03624 764244" id="clitelf" name="clitelf">
                    
                      </td>
                      <td class="textotablamenuform">Telefono Celular</td>
                      <td class="textotablamenuform">
                          <input type="number" class="campo_form" placeholder="Ej. 0362 154764244" id="clitelc" name="clitelc">
                    
                      </td>
                      
                 </tr>
                   <tr>
                      
                      <td class="textotablamenuform">Direccion</td>
                      <td class="textotablamenuform" colspan="2">
                           <input type="text" class="campo_form"  id="cliape" name="clidir" required>
                    
                      </td>
                       <td class="textotablamenuform">
                         <select name="clipro" id="clipro" class="campo_form" required>
                             <option selected value="0">Seleccionar...</option>
                             <?php
                             $cat=obtener_provincias();

                             while($regPed=mysql_fetch_array($cat)){
                                 echo "<option value='".utf8_encode($regPed['id_provincia'])."'>".utf8_encode($regPed['nombre'])."</option>";
                             }

                             ?>

                         </select>


                     </td>
                       <td class="textotablamenuform" colspan="3">
                         <select name="cliloc" id="cliloc" class="campo_form" required style="display:none">
                            

                         </select>


                     </td>
                 </tr>
                    <tr>
				 <td class="textotablamenuform">
				 Observacion
				 </td>
				 <td colspan="4">
				 <textarea name="cliObse" cols="65" class="campo_form"></textarea>
				 </td>
				 </tr>
                   
                   
               </table>    
           </fieldset>  
           </div>
           
        <fieldset>
              <legend><b>Datos del Vehiculo</b></legend> 
	   <table  width="100%">
                 <tr>
                      <td class="textotablamenuform">Vehiculo</td>
                      <td class="textotablamenuform">
                          <select name="vehiculo" id="vehiculo" class="campo_form" required>
                          <?php $res=obtener_lista_vehiculos();
						  while($regAcc=mysql_fetch_array($res)):
						  ?>
                              <option value='<?php echo $regAcc['idAuto']?>'><?php echo obtener_desc_vehiculo($regAcc['idAuto'])?></option>
                           <?php endwhile ?>   
                         </select>
                      </td>
					  </tr>
					  <tr>
                      <td class="textotablamenuform"  width="10%">Precio de Venta</td>
                      <td class="textotablamenuform" colspan="2"  width="50%">
                          <input type="text" class="campo_form" autocomplete="on"  id="precio" name="precio" required style="width:80%;">
               
                      </td>
                 </tr>
					  </table>
			</fieldset>	
       
           
           <div id="precioVenta">
		 
		   <fieldset>
              <legend><b>Forma de Pago</b></legend> 
              <fieldset>
              <legend><b>Forma de Pago Contado</b></legend> 
			  <table id="tabla1">
	
		<!-- Fila de ejemplo -->
		<tr>
				<td width="50%" class="textotablamenuform">
				Monto
			</td>
			<td width="50%"><input type="number" class="campo_form" name="contado" id="contado"  /></td>
			
		</tr>
		<!-- fin de código: fila de ejemplo -->
 
</table>
</fieldset>
<?php //endif?>
 <?php //if($_SESSION['formas']==2 or $_SESSION['formas']==4 or $_SESSION['formas']==5 or $_SESSION['formas']==6 or $_SESSION['formas']==8):?>   			  
			   <fieldset>
              <legend><b>Forma de Pago Financiado</b></legend> 
			  <table>
	
		<!-- Fila de ejemplo -->
		<tr>
		<td width="50%" class="textotablamenuform">
				Monto
			</td>
			<td width="50%"><input type="number" class="campo_form" name="financiado" id="financiado" step="any" /></td>
			<td width="50%" class="textotablamenuform">
				Cuotas
			</td>
			<td width="50%"><input type="number" class="campo_form" name="cuotas" id="cuotas"  /></td>
		</tr>
         <tr>		
			<td width="50%" class="textotablamenuform">
				Tasa Mensual
			</td>
			<td width="50%"><input type="number" class="campo_form" name="tasa" id="tasa" step="any" /></td>
			
			
		</tr>
		<!-- fin de código: fila de ejemplo -->
 
	</tbody>
</table>
			  
			  
			  </fieldset>	
	<?php //endif?>		  
 <?php //if($_SESSION['formas']>=6):?>   			  
			   <fieldset>
              <legend><b>Forma de Pago Cheques</b></legend> 
			  <table id="tabla">
	
		<!-- Fila de ejemplo -->
		<tbody>
		<tr>
		<td  class="textotablamenuform">
				Monto
			</td>
			<td ><input type="text" class="campo_form" name="cheque" id="cheque" step="any" /></td>
			<td class="textotablamenuform">
				Banco
			</td>
			<td ><input type="text" class="campo_form" name="banco" id="banco"  /></td>
				
			<td  class="textotablamenuform">
				Nro Cheque
			</td>
			<td ><input type="text" class="campo_form" name="nro" id="nro" /></td>
			<td  class="textotablamenuform">
				Fecha
			</td>
			<td ><input type="text" class="campo_form" name="fecha" id="fecha" style="width:90%" placeholder="Ej. aaaa-mm-dd"/></td>
			
		</tr>
		
		<tr>
		<td  class="textotablamenuform">
				Monto
			</td>
			<td ><input type="text" class="campo_form" name="cheque1" id="cheque1" step="any" /></td>
			<td class="textotablamenuform">
				Banco
			</td>
			<td ><input type="text" class="campo_form" name="banco1" id="banco1"  /></td>
				
			<td  class="textotablamenuform">
				Nro Cheque
			</td>
			<td ><input type="text" class="campo_form" name="nro1" id="nro1" /></td>
			<td  class="textotablamenuform">
				Fecha
			</td>
			<td ><input type="text" class="campo_form" name="fecha1" id="fecha1" style="width:90%"/></td>
			
		</tr>
		<td  class="textotablamenuform">
				Monto
			</td>
			<td ><input type="text" class="campo_form" name="cheque2" id="cheque2" step="any" /></td>
			<td class="textotablamenuform">
				Banco
			</td>
			<td ><input type="text" class="campo_form" name="banco2" id="banco2"  /></td>
				
			<td  class="textotablamenuform">
				Nro Cheque
			</td>
			<td ><input type="text" class="campo_form" name="nro2" id="nro2" /></td>
			<td  class="textotablamenuform">
				Fecha
			</td>
			<td ><input type="text" class="campo_form" name="fecha2" id="fecha2" style="width:90%"/></td>
			
		</tr>
		
		<!-- fin de código: fila de ejemplo -->
 
	</tbody>
</table>



</fieldset>	
<?php //endif?>	
<fieldset>
              <legend><b>Forma de Pago Menor Valor</b></legend> 
			  <table id="tabla1">
	
		<!-- Fila de ejemplo -->
		<tr>
				<td width="50%" class="textotablamenuform">
				Monto
			</td>
			<td width="50%"><input type="number" class="campo_form" name="menor" id="menor"  /></td>
			<tr>
			<td colspan="2">
			<div id="menorValor">
			<fieldset>
             <legend><b>Datos del Vehiculo</b></legend>
             <table>
                 <tr>
                     <td class="textotablamenuform">Categoria</td>
                     <td class="textotablamenuform">
                         <select name="categoria" id="categoria" class="campo_form" >
                             <option selected value="0">Seleccionar...</option>
                             <?php
                             $cat=obtener_categorias();

                             while($regPed=mysql_fetch_array($cat)){
                                 echo "<option value='".utf8_encode($regPed['idCategoria'])."'>".utf8_encode($regPed['descripcion'])."</option>";
                             }

                             ?>

                         </select>


                     </td>
                     <td class="textotablamenuform">Marca</td>
                     <td class="textotablamenuform">
                         <select name="marca" id="marca" class="campo_form"  style="display:none">
                              <?php
                             $ped=obtener_marcas();

                             while($regPed=mysql_fetch_array($ped)){
                                       echo "<option value='".utf8_encode($regPed['id_marca'])."'>".utf8_encode($regPed['descripcion'])."</option>";
                           

                             }

                             ?>

                         </select>


                     </td>
                     <td class="textotablamenuform">Modelo</td>
                     <td class="textotablamenuform">
                          <select name="modelo" id="modelo" class="campo_form" style="display:none" >
                           
                            
                         </select>
                     </td>
                </tr>
                 <tr>
                     <td class="textotablamenuform">Version</td>
                     <td class="textotablamenuform">
                        <select name="version" id="version" class="campo_form"  style="display:none">
                             
                           

                         </select>
                     </td>
                     <td class="textotablamenuform">Año</td>
                     <td class="textotablamenuform">
                    <select name="ano" id="ano" class="campo_form" >
                              <?php
                             $ped=obtener_anos();

                             while($regPed=mysql_fetch_array($ped)){
                                       echo "<option value='".utf8_encode($regPed['id_ano'])."'>".utf8_encode($regPed['descripcion'])."</option>";
                           

                             }

                             ?>
                           

                         </select>
                     </td>
                     <td class="textotablamenuform">Color</td>
                     <td class="textotablamenuform">
                         
                        <select name="color" id="color" class="campo_form" >
                              <?php
                             $ped=obtener_color();

                             while($regPed=mysql_fetch_array($ped)){
                                       echo "<option value='".utf8_encode($regPed['id_color'])."'>".utf8_encode($regPed['descripcion'])."</option>";
                           

                             }

                             ?>
                           

                         </select>
                     
                     
                     
                     </td>
                 </tr>
                 <tr>
                    <td class="textotablamenuform">Condicion</td>
                     <td class="textotablamenuform">
                         <select name="condicion" id="condicion" class="campo_form" >
                              <option value='2'>Usado</option>
                              <option value='1'>0 km</option>
                         </select>
                         
                     </td>

                    <td class="textotablamenuform">Kilometros</td>
                    <td class="textotablamenuform">
                        <input type="text" class="campo_form" id="km" name="km" value="0">
                    </td>
                    
                 </tr>
             
                   <tr>
                    <td class="textotablamenuform">Nro Chasis</td>
                     <td class="textotablamenuform" >
                            <input type="text" class="campo_form"  id="chasis" name="chasis" >
                 
                         
                     </td>
                   <td class="textotablamenuform">Nro Motor</td>
                     <td class="textotablamenuform" >
                            <input type="text" class="campo_form"  id="motor" name="motor" >
                 
                         
                     </td>
                   
                   <td class="textotablamenuform">Nro Patente</td>
                     <td class="textotablamenuform" >
                            <input type="text" class="campo_form"  id="patente" name="patente" maxlength="6">
                 
                         
                     </td>
                   
                 </tr>
                 
                 
                 <tr>
                    <td class="textotablamenuform">Caracteristicas</td>
                     <td class="textotablamenuform" colspan="5">
                            <input type="text" class="campo_form" placeholder="Ej. Cierre Centralizado, alarma, etc" id="carac" name="carac" >
                 
                         
                     </td>

                   
                 </tr>
                 
                 
             </table>
        </fieldset>
			</div>
			</td>
			</tr>
			
		</tr>
		<!-- fin de código: fila de ejemplo -->
 
</table>
</fieldset>		   
		   
		   <fieldset>
              <legend><b>Total</b></legend> 
			  <div id="total" style="text-align:center;font-size:20px;color:green;text-align:center;">
			    <b>$ 0</b>
			  </div>
		    </fieldset>
		   
           </fieldset>
		   
		   
		   </div>
		      <fieldset>
              <legend><b>Observaciones</b></legend> 
	   <table  width="100%">
                 <tr>
                      <td class="textotablamenuform"></td>
                      <td class="textotablamenuform">
                          <textarea cols="95" rows="15" name="observacion" id="observacion"></textarea>
                      </td>
					  </table>
			</fieldset>		
           
           <fieldset style="text-align: right;">  
            <table style="text-align: right;">
             <tr>
                    <td class="textotablamenuform" style="text-align: right;" colspan="5">
                         <input type="reset" name="reset" value="Limpiar"  class="boton_form"/>
                         <input name="submit" id="submit" type="submit" value="Grabar Boleto / Paso 2" class="boton_form"/>
                     </td>
                 </tr>
                   </table>       
           </fieldset>  
           
           
           
       </div>
   </form>
       <div class="clear"></div>
   <br>
   </div>
  <?php include "includes/pie.php"?>
  
</div>
</body>
</html>
